.clearfix:before,.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}
.clearfix:after {clear: both;}

.dropdown-menu{
	min-width: 120px;left: auto
}
.relative{
	position: relative;
}
.fw700{
font-weight: 700;
}
.fl{ float:left !important;}
.fr{ float: right !important;}
.t-l{text-align:left !important;}
.t-r{text-align:right !important;}
.m-l{margin-left:5mm !important;}
.m-l-md{margin-left:3mm !important;}
.m-l-xs{margin-left:2mm !important;}
.m-r{margin-right: 5px !important;}
.m-r-tm{margin-right: 10px !important;}
.m-t-mc{ margin-top:7px !important;}
.m-t-md{ margin-top:5px !important;}
.m-b{ margin-bottom:10px !important;}
.m-b-md{ margin-bottom:5px !important;}

.p-t{padding-top:10px !important;}
.p-r{padding-right:10px !important;}
.p-l{padding-left:10px !important;}
.p-l2{padding-left:20px !important;}
.form_vbox {
	border-spacing: 0;
	position: relative;
	height: calc(100% - 40px);
	width: 100%;
}
.footer{min-height:50px;}
.footer .dropdown-menu{ top:-102px !important;}
.menu_top .dropdown-menu{ top:-102px !important;}
.footer .m-t{ margin-top:10px;}
.header{ padding:0px !important;}
.dropdown-box{width:50px; }
.text-muted { line-height:30px;}
.padding{padding:10px;}
.pl{padding-left:10px;}
.lh30{line-height:30px;}
.control-group,.form-group{ position:relative !important; margin-left:0px !important;}
.controls{ position:relative !important; float:left;}
.help-block{ position:absolute;top:-23px; line-height:23px; left:0px; min-width:250px; }
.relative{ position: relative;}
.input_relative{position: relative;}
.input_relative .help-block{ top:-32px;}


input[type='text']{padding:3px;padding-left:5px; margin-bottom:5px;}
.form-group label{  padding-right:10px; margin-bottom: 0px;line-height:30px;}
.form-group .controls label{ padding-top:7px; overflow:hidden; height:30px;}
.form-group .control-label{ float:left; line-height:18px; width:130px; padding-left:10px; padding-right:20px; text-align:right;}
.input-text,.input-large,.input-xlarge,.input-xxlarge,.input-small,.input-ssmall,.input-medium,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input,.input-max{width:100%;min-height:28px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.input-small{width:90px !important}.input-ssmall{width:50px !important}.input-medium{width:150px !important}.input-large{width:198px !important}.input-xlarge{width:270px !important}.input-text,.input-xxlarge{width:530px }.input-max{width:100%;}.input-mini{width:70px !important}.input-mmini{width:80px !important}.input-smini{width:50px !important}
.form-group input[type=text]{ line-height:20px; padding:3px; margin-bottom:3px;}



.form-group-addon .input-group-addon{
	display: inline-table;
	margin-bottom: 2px;
	margin-left: -5px;
	border-left: 1px solid #ccc;
}

.talbe-search input[type=text]{margin-bottom:0px;}
.checkbox-slider,.colored-success{ display:none;}
label {  margin-top:0px;}
.list-li-border{ padding:0px;}
.list-li-border li{list-style:none; line-height:20px;}
.list-li-border li input{ margin-right:8px;}
.checkbox-inline{ line-height:20px !important;}
.input-group{ margin-bottom: 5px;position: relative;}
.input-group input{margin-bottom:0px !important;}
.input-group button{ padding:0px 5px;line-height:23px; height:28px; margin-bottom:2px;}
.diy_select2{
	margin-bottom: 2px; margin-left: -5px;background-image: linear-gradient(to bottom,#eee 0,#fbfbfb 100%);
}
.diy_select2 .select2-arrow{width: 15px !important;background: none !important;}
.diy_select2 .select2-choice{ background: none;}
.diy_select2  .select2-choice>.select2-chosen{
	margin-right: 0px !important;
}

.alert{padding:8px 35px 8px 10px;text-shadow:none;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);box-shadow:0 2px 4px rgba(0,0,0,0.2);background-color:#f9edbe;border:1px solid #f0c36d;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;color:#333}.alert-success{background-color:#dff0d8;border-color:#a3d48e;color:#468847}.alert-danger,.alert-error{background-color:#f2dede;border-color:#dd4b39;color:#dd4b39}.alert-info{background-color:#d9edf7;border-color:#85c5e5;color:#3a87ad}.alert-success,.alert-danger,.alert-error,.alert-info{text-shadow:0 1px 0 rgba(255,255,255,0.5)}.alert-danger,.alert-error{border-color:#d59595;color:#b94a48}

.w100{ width:100px;}.w150{ width:150px;}.w250{ width:250px;}
.wb80{ width:80%;}
.lh30{ line-height:30px}

.board{background:url("../img/bg_repno.gif") no-repeat scroll 0 0 transparent;padding-left:55px}

.btn-default-iq{ line-height:28px; height:28px; margin-top:0px; margin-left:-6px; padding-top:0px;}
#_searchBox_data_list{ min-height:200px; padding-bottom:10px;}
#_searchBox_data_list li{ line-height:23px; border-bottom:1px dotted #ccc; padding-top:5px; cursor:pointer;}

.radio-inline{ line-height:20px !important; height:30px; padding-right:5px !important; }
.radio{ line-height:20px !important; height:30px;}
.txt_center{text-align:center;}
.tab-pane{
	overflow-x:hidden;
}
input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background-color:#eee}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background-color:transparent}
.control-group,.form-group{ position:relative;}

.purview_box{ border-bottom:1px dotted #999;}
.purview_box label{line-height:30px; height:30px; margin-right:10px; min-width:80px;}
.purview_box strong{ font-size:14px;}


.th-sortable .fa{font-size: 14px;}

.sel-color{
	width: 50px;
	height: 30px;
	border: 1px solid #fff;
	border-radius: 4px;
	background-color:#fff;
	text-indent: 50px;;
}

.modal-dialog .modal-body{
	max-height:500px; overflow:auto;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{padding-left: 0px;}



/* 上传相关 */
.file-item {
float: left;
margin: 0 20px 20px 0;
padding: 5px;
position: relative;
min-height:110px;
margin:0px !important;
min-width:110px;
}
.upload-file .info,.file-item .info{background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
bottom: 4px;
color: #fff !important;
font-size: 12px;
height: 20px;
left: 4px;
line-height: 20px;
overflow: hidden;
position: absolute;
right: 4px;
text-indent: 5px;
text-overflow: ellipsis;
white-space: nowrap;
z-index: 10; text-align:center;}
.uploader .file-item {width: 110px;}

.uploader_design .file-item {width: 300px;}
.uploader_design img{max-width: 300px;}

.upload-file .error,.file-item .error {background: red none repeat scroll 0 0;
color: #fff !important;
font-size:13px;
height:20px;
left:4px;
line-height: 23px;
position: absolute;
right:4px;
text-align: center;
top:2px;}
.file-item .upload-file{
	min-width:80px;
	min-height:80px;
	background-size:100%;
	background-repeat:no-repeat;
}
.file-item .upload-file .webuploader-pick{
	min-width:110px;
	min-height:110px;
}
.el-upload {
	position: relative;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	outline: 0;
	background-color: #fbfdff;
	border: 1px dashed #c0ccda;
	border-radius: 6px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 150px;
	height: 150px;
	line-height: 150px;
	vertical-align: top;
	background-size:88%;
	background-position: center center;
	background-repeat: no-repeat;
	overflow: hidden;
}
.el-upload:focus {
	border-color: #409eff;
	color: #409eff;
}
.el-upload i {
	font-size: 28px;
	color: #8c939d;
}

.el-upload .el-upload-delete{
	font-size: inherit;
	color: inherit;
	cursor: pointer;
	width: 100%;
	height: 100%;
	background-color:rgba(0,0,0,.5);
	display: none;;
}
.el-upload .el-upload-delete i {
	color: #fff;
}

.el-upload:hover .el-upload-delete{
	display: block;
}

.specificationstable td, .table td{position:relative;}
.table td .help-block{position:absolute; top:-15px; min-width: 10px;}
.specificationstable td .help-block{position:absolute; top:0px; min-width: 10px;}

.specificationstable .file-item,.specificationstable .file-item .upload-file {
width: 90px !important;
min-width: 90px !important; 
height:90px !important;
min-height:90px !important;
}
.specificationstable .file-item .upload-file{
	background-size:88% !important;
}
.specificationstable .webuploader-pick{
	min-width:80px !important;
	min-height:80px !important;
	opacity:0;
}

.trselect{
	background: #428bca !important;
	color:#FFF;
}
.trselect td{background: #428bca !important;}

/* sys_admin */
.table-responsive .single-line {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.specificationstable td{
	padding: 0px 2px!important;
	text-align: center;
}
.specificationstable th{
	padding-left:5px!important;
	padding-right:0px!important;
}
.specificationstable td input{
	background: #f7f7f7;
}
.table .border_top{
	border-top: solid 40px #f3f3f3;
}
.table .border_top .top{
	position: absolute; margin-top: -40px; display: table-cell ; width: 900px;
}
.table .border_top .top a{
	position: absolute; right: 0px;
}

#jump_page{ margin-left:10px;height: 29px; width: 40px;}

label input[type="radio"],label input[type="checkbox"]{
	display:none
}
.diy--radioInput {
	background-color:#fff;
	border:1px solid rgba(0,0,0,0.15);
	border-radius:100%;
	display:inline-block;
	height:16px;
	margin-top:-1px;
	margin-right: 5px;
	vertical-align:middle;
	width:16px;
	line-height:1
}
label input[type="radio"]:checked + .diy--radioInput:after,label input[type="checkbox"]:checked + .diy--radioInput:after {
	background-color:#409eff;
	border-radius:100%;
	content:"";
	display:inline-block;
	height:12px;
	margin:1px;
	width:12px
}
.diy--checkbox.diy--radioInput,label input[type="radio"]:checked + .diy--checkbox.diy--radioInput:after,label input[type="checkbox"]:checked + .diy--checkbox.diy--radioInput:after {
	border-radius:0
}


.spinner.spinner-horizontal.spinner-two-sided input {
	text-align: center; padding-left: 0px !important;
	width: 150px !important;
}

.help-line{
	font-size: 11px;
	color: #ccc;
}

.select2-container .select2-choice {
	height: 28px !important;
	line-height: 28px !important;
}
.form-control{
	height:28px !important;
}
.spinner .spinner-buttons{
	height:28px !important;
}
.spinner.spinner-horizontal .spinner-buttons>.btn{
	height:28px !important;
	line-height: 26px;
}

.modal-content,.modal-content .modal-header{
	border-radius:5px
}
.modal-header{
	padding-top: 8px;
	padding-bottom: 8px;
}
.modal-footer{
	padding-top:8px;
	padding-bottom:8px;
}

#selectUrl .tab-content{
	padding-top: 5px;
}
#selectUrl .tab-pane {
	margin-top: 5px;
	min-height: 400px;
	max-height: 400px;
	overflow-y: auto;
}
#selectUrl .line {border-bottom: 1px dashed #ddd; font-size: 13px;border-top: 0px; margin:0px; color: #999; height: 36px; line-height: 36px;}
#selectUrl .line .icon {height: 35px; width: 30px; position: relative; float: left;}
#selectUrl .line .icon.icon-1:before {content: ""; width: 10px; height: 10px; border: 1px dashed #ccc; position: absolute; top: 12px; left: 10px;}
#selectUrl .line .icon.icon-2 {width: 50px;}
#selectUrl .line .icon.icon-2:before {content: ""; width: 10px; height: 10px; border-left: 1px dashed #ccc; border-bottom: 1px dashed #ccc; position: absolute; top: 12px; left: 20px;}
#selectUrl .line .icon.icon-3 {width: 60px;}
#selectUrl .line .icon.icon-3:before {content: ""; width: 10px; height: 10px; border-left: 1px dashed #ccc; border-bottom: 1px dashed #ccc; position: absolute; top: 12px; left: 30px;}
#selectUrl .line .btn-sm {float: right; margin-top: 5px; margin-right: 5px; height: 24px; line-height: 24px; padding: 0 10px;}
#selectUrl .line .text {display: block;}
#selectUrl .line .label-sm {padding: 2px 5px;}
#selectUrl .line.good {height: 60px; padding: 4px 0;}
#selectUrl .line.good .image {height: 50px; width: 50px; border: 1px solid #ccc; float: left;}
#selectUrl .line.good .image img {height: 100%; width: 100%;}
#selectUrl .line.good .text {padding-left: 60px; height: 52px;}
#selectUrl .line.good .text p {padding: 0; margin: 0;}
#selectUrl .line.good .text .name {font-size: 15px; line-height: 32px; height: 28px;}
#selectUrl .line.good .text .price {font-size: 12px; line-height: 18px; height: 18px;}
#selectUrl .line.good .btn-sm {height: 32px; padding: 5px 10px; line-height: 22px; margin-top: 9px;}
#selectUrl .tip {line-height: 250px; text-align: center;}
#selectUrl .nav-tabs > li > a {padding: 8px 20px;}

#selectUrl .btn {
	margin-bottom: 3px;
}
#selectUrl .input-group .form-control {
	border-radius: 0;
}

#selectUrl .input-group .form-control,#selectUrl .input-group-addon,#selectUrl .input-group-btn {
	display: table-cell;
}

.tooltip-darkorange{
	margin-left: 5px;
	color: #c3c3c3;
	cursor: pointer;
}
.tooltip-inner{ min-width: 200px; max-width: 500px !important;}

.minicolors-theme-bootstrap .minicolors-swatch{
	width: 23px;
	height: 23px;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover{
	border: 0px !important;
	background: #f6f6f6 !important;
}
.tree-folder-header{position: relative;}
.tree-folder-header i{position: absolute; top:5px}
.tree-folder-name{white-space:nowrap;padding-left: 18px;}
.tree_bg{background-color: #f1f1f1;}

.wrapper-box{
	height: 100%;
	width: 80%;
	position: absolute;
	top: 0;
	left: 100%;
	min-width: 320px;
	overflow: auto;
	transition: all 0.4s ease 0s;
	z-index: 1050;
}
.wrapper-mask{
	position: absolute;
	top: 0;
	z-index: 1050;
	height: 100%;
	width: 100%;
	background-color: rgb(0,0,0,0.5);
}
.wrapper-box .mask .fa{
	color: #ffffff;
	font-size: 26px;
	float: right;
}
.wrapper-box ._info{
	width: 100%;
	height: 100%;
	overflow: auto;
	float: right;
	background-color: #FFFFFF;
}
.wrapper-box ._info .pull-right{
	display: none;
}

.move-left{
	left: 20%;
}

.defUpImgBox{
	position: relative;
	width: 88px;
	padding-bottom: 20px;
	cursor:pointer;
	border: 1px solid #F1F1F1;
	text-align: center;
	overflow: hidden;
}
.defUpImgBox img{
	margin: 0px auto;
	max-width: 100%;
	max-height: 100%;
}
.defUpImgBox .tips{
	background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
	bottom: 0px;
	color: #fff !important;
	font-size: 12px;
	height: 20px;
	left: 0px;
	line-height: 20px;
	overflow: hidden;
	position: absolute;
	right: 0px;
	text-indent: 5px;
	text-overflow: ellipsis;
	white-space: nowrap;
	z-index: 10;
	text-align: center;
}